<template>
  <div>
    <!-- register Modal-->
    <div id="register" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade bd-example-modal-lg">
      <div role="document" class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
          <div class="modal-header border-bottom-0">
            <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
          </div>
          <div class="modal-body p-4 p-lg-5">
            <form action="#" class="login-form text-left">
              <div class="form-group mb-4">
                <label>姓名</label>
                <input name="name" placeholder="name" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>身份证号码</label>
                <input name="idCardNo" placeholder="name@company.com" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>电话</label>
                <input name="phoneNum" placeholder="phoneNo" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>邮箱</label>
                <input type="email" name="email" placeholder="name@company.com" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>密码</label>
                <input type="password" name="password" placeholder="Min 8 characters" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>确认密码</label>
                <input type="password" name="againPassword" placeholder="Min 8 characters" class="form-control">
              </div>
              <div class="form-group">
                <input type="submit" value="注册" class="btn btn-primary">
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="header-wrapper transition05">
      <div class="wrap fix">
        <div class="top-right">
          <div class="head_tel">
            <!-- <div class="tel">
							<h3>客服中心电话</h3>
																	400-0538-998														</div> -->
          </div>
          <div class="navigation ">
            <ul id="navList" class="list transition05">
              <li class="active">
                <span class="top">
                  <a href="#" data-toggle="modal" data-target="#register" >没有账号？请点击注册
                  </a>
                </span>
              </li>

            </ul>
          </div>
        </div>
        <div class="sm-menu " id="smMenu">
          <span></span>
          <span></span>
          <span></span>
        </div>
        <div class="seach_form">
          <div class="seach_btn">
            <img src="../../static/img/icon_1.png" alt="">
          </div>
          <div class="seach_box">
            <form id="searchwebform" onsubmit="return check();" action="http://www.shouersun.com/index.php?m=search&amp;c=index&amp;a=init&amp;typeid=0&amp;siteid=1&amp;time=all"
              target="_blank">
              <input type="hidden" name="m" value="search">
              <input type="hidden" name="c" value="index">
              <input type="hidden" name="a" value="init">
              <input type="hidden" name="typeid" value="" id="typeid">
              <input type="hidden" name="siteid" value="1" id="siteid">
              <input type="text" class="inp_box fl" placeholder="请输入关键词" name="q" id="q" value="">
              <input type="submit" class="search_ico fr" value="">
            </form>
          </div>

        </div>
      </div>

    </div>
    <!--/header-wrapper-->
    <!-- banner-->
    <div class="i_banner">
      <div data-am-widget="slider" class="am-slider am-slider-b2 am-no-layout" data-am-slider="{&quot;directionNav&quot;:false}">

        <div class="am-viewport" style="overflow: hidden; position: relative;">
          <ul class="am-slides" style="width: 800%; transition-duration: 0s; transform: translate3d(-3840px, 0px, 0px);">
            <li class="clone" aria-hidden="true" style="width: 1920px; float: left; display: block;">
              <img src="../../static/img/20180714041249564.jpg" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="i_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>
                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11%2013">
                      <img src="../../static/img/banner_btn.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
                    </a>

                  </div>

                </div>

              </div>
            </li>
            <li style="width: 1920px; float: left; display: block;" class="">
              <img src="../../static/img/20180714040544200.jpg" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="i_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>
                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11%2012">
                      <img src="../../static/img/banner_btn.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
                    </a>

                  </div>

                </div>

              </div>
            </li>
            <li class="am-active-slide" style="width: 1920px; float: left; display: block;">
              <img src="../../static/img/20180714041249564.jpg" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="i_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>
                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11%2013">
                      <img src="../../static/img/banner_btn.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
                    </a>
                  </div>
                </div>
              </div>
            </li>

            <li style="width: 1920px; float: left; display: block;" class="clone" aria-hidden="true">
              <img src="../../static/img/20180714040544200.jpg" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="i_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>
                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11%2012">
                      <img src="../../static/img/banner_btn.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
                    </a>

                  </div>

                </div>

              </div>
            </li>
          </ul>
        </div>
        <ol class="am-control-nav am-control-paging">
          <li><a class="">1</a><i></i></li>
          <li><a class="am-active">2</a><i></i></li>
        </ol>
      </div>
    </div>

    <!-- banner end-->

    <!-- m_banner-->
    <div class="m_banner">
      <div data-am-widget="slider" class="am-slider am-slider-b2 am-no-layout" data-am-slider="{&quot;directionNav&quot;:false}">

        <div class="am-viewport" style="overflow: hidden; position: relative;">
          <ul class="am-slides" style="width: 800%; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">
            <li class="clone" aria-hidden="true" style="width: 0px; float: left; display: block;">
              <img src="../../static/img/20180716110259152.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="m_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>

                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11">
                      <img src="../../static/img/banner_btn.png" alt="" draggable="false">
                    </a>
                  </div>
                </div>
              </div>
            </li>
            <li style="width: 0px; float: left; display: block;" class="am-active-slide">
              <img src="../../static/img/20180716110243323.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="m_banner_box">
              </div>

            </li>
            <li style="width: 0px; float: left; display: block;">
              <img src="../../static/img/20180716110259152.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="m_banner_box">

                <div class="wrap">
                  <h3 class="cover_title01">以科学的视角</h3>
                  <h4 class="cover_title02">与中国儿童共同成长</h4>

                  <div class="more">
                    <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=11">
                      <img src="../../static/img/banner_btn.png" alt="" draggable="false">
                    </a>
                  </div>
                </div>
              </div>
            </li>
            <li style="width: 0px; float: left; display: block;" class="clone" aria-hidden="true">
              <img src="../../static/img/20180716110243323.png" alt="以科学的视角 与中国儿童共同成长" draggable="false">
              <div class="m_banner_box">
              </div>
            </li>
          </ul>
        </div>
        <ol class="am-control-nav am-control-paging">
          <li><a class="am-active">1</a><i></i></li>
          <li><a>2</a><i></i></li>
        </ol>
      </div>
    </div>
    <!-- m_banner end-->
    <!-- 平台概述-->
    <div class="platforms">
      <div class="wrap">
        <div class="index_tit">
          <h3>
            <!-- 平台概述 -->
            今日焦点
          </h3>
          <span>
            <!-- Platform overview -->
          </span>
        </div>
        <div class="platform_box">
          <div class="platform_box_img">
            <img src="../../static/img/20181229093625405.png">
          </div>
          <div class="platform_box_fl">
            <span class="b">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=61&amp;id=974">
              1.最好的老师是父母最好的早教在家庭</a>
              </span><br>
            <span class="b">
              <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=61&amp;id=969">
                2.众所周知，法国人以平等、言论自由而闻名，但众所不知的是他们严苛、且有些不近人情的传统家庭教育，繁琐的礼仪，严格的礼貌，却也从“从娃娃抓起”绝不含糊。最难能可贵的是，无论哪个年龄层的法国父母，一直以来对于自己的传统教育都有着良好的传承和延续。</a></span>
            <br>
            <span class="b"><a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=61&amp;id=969">3.教育部：坚决纠正妨碍适龄儿童少年接受义务教育行为</a></span>
            <br><span class="b"><a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=61&amp;id=971">4.为什么“薄情”的孩子更幸福？</a></span>
            <br><span class="b"><a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=61&amp;id=964">5.月子会所隐患丛生:护理人员无资质、甲醛超标、监管缺位等</a></span>

            <br>
          </div>
        </div>
      </div>
    </div>
    <!-- 平台概述 end
    <!-- 儿童教育 -->
    <div class="muying">
      <div class="wrap">
        <div class="index_tit">
          <h3>
            儿童教育 </h3>
          <!-- <span>
						帮助家长更多了解儿童健康知识			</span> -->
        </div>
        <div class="muying_box">
          <div class="lbimg">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=35"><img src="../../static/img/20181229101300290.png"
                alt=""></a>
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=35">
              <h1>胎教早教</h1>
            </a>
          </div>
          <div class="lbimg">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=51"><img src="../../static/img/20181229101337509.jpg"
                alt=""></a>
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=51">
              <h1>儿童领袖</h1>
            </a>
          </div>
          <div class="lbimg">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=49"><img src="../../static/img/20181229101408324.jpg"
                alt=""></a>
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=49">
              <h1>家庭教育</h1>
            </a>
          </div>
          <div class="lbimg">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=50"><img src="../../static/img/20181229101430136.jpg"
                alt=""></a>
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=50">
              <h1>校园教育</h1>
            </a>
          </div>
          <div class="lbimg">
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=55"><img src="../../static/img/20181229101458696.jpg"
                alt=""></a>
            <a href="http://www.shouersun.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=55">
              <h1>国际教育</h1>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 母婴健康资讯 end-->

    <!-- 底部 -->
    <div class="footer">
      <div class="wrap">
        <div class="footer_img">
          <!--                             <div class="img"><img src="" /></div>
								 -->
          <div class="info">
            <div class="footer_nav">

            </div>
            <div class="footer_copy">

              <a href="http://www.miitbeian.gov.cn/">京ICP备17027693号-1</a><br>
              版权所有 中国医药质量管理协会保健品质量管理工作委员会 北京首儿世纪营养科技有限公司 </div>

          </div>
        </div>
        <div class="footer_fr">
          <!-- <div class="footer_tel">
						<h3>
							联系电话
						</h3>
						<span>
																	400-0538-998                                        				</span>
					</div> -->
          <div class="footer_fx">
            <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1575854758221">
              <a href="http://www.shouersun.com/#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
              <a href="http://www.shouersun.com/#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
            </div>
            <!-- 						<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
 -->
          </div>

        </div>
      </div>

    </div>
  </div>
</template>

<script>
function check () {
  if ($('#q').val() == '') {
    return false
  }
}

function checks () {
  if ($('#sq').val() == '') {
    return false
  }
}
var _hmt = _hmt || [];
(function () {
  var hm = document.createElement('script')
  hm.src = 'https://hm.baidu.com/hm.js?b6aa503dc12e6b387d7b2cb8a1b86dd8'
  var s = document.getElementsByTagName('script')[0]
  s.parentNode.insertBefore(hm, s)
})()
// window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>

<style>
  .btn btn-primary navbar-btn ml-0 ml-lg-3 {
    position: relative;

  }
</style>
